<!DOCTYPE  HTML>
<html>
	<head>
		
		<script type="text/javascript" src="../resources/script.js"></script>
		<meta charset="utf-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  		<link rel="stylesheet" href="../resources/style.css" />
	</head>
	<body>
<script>
$(document).ready(function(){
  $("#btnaddTrainee").click(function(){
    $("#divTraineeinfo").hide();
  });
});

$(document).ready(function(){
  $("#btnaddNewUser").click(function(){
    $("#divTraineeinfo").show();
  });
});

</script>
		<div id="ahmainpnl" >
			<div id="ahheaderpnl">
				<img id="ahlogo" src="../resources/logo.png"></img>
				
			</div>
			<div id="ahmenupnl">
				<a href="home_admin.php" id="ahbtnhome" class="btn btn-success">Home</a>
				<!--button type="button" id="ahbtnhome" class="btn btn-success" onclick="window.open('home_admin.html')">Home</button-->
				<hr/>
				<a href="addUser.php" id="ahbtnhome" class="btn btn-info">Users</a>
				<!--button type="button" id="ahbtnuser" class="btn btn-info" onclick="window.open('addUser.html')">Users</button-->
				<a href="addTechnology.php" id="ahbtnhome" class="btn btn-info">Technologies</a>
				<!--button type="button" id="ahbtntech" class="btn btn-info" onclick="window.open('addTechnology.html')">Technologies</button-->
				<button type="button" id="ahbtnlogout" class="btn btn-info" ">Logout</button>
			</div>
			<div id="ahcontentpnl">
				
				
				<div class="container">
					<h2 id="htrainee">Trainees / Interns </h2>
					<button id="btnaddTrainee" type="button" class="btn btn-primary" data-toggle="collapse" data-target="#addnewT" class="adbtn" >Add Trainee</button>
			       </div>
				<div id="addnewT" class="collapse container">
				 	<form role="form">
  						<table class="tbladd">
  							
  							<tr>
  								<td><input type="text" class="form-control" id="uid" placeholder="ID" style="width: 30%;"></td>
  								<td><input type="text" class="form-control" id="empid" placeholder="EMP ID" style="width: 30%;"></td>	
  							</tr>
  							<tr>
  								<td><input type="text" class="form-control" id="unm" placeholder="Name"></td>
  							
  								<td><input type="text" class="form-control" id="uemail_id" placeholder="E-Mail"></td>
  							</tr>
  							<tr>
  								<td><input type="text" class="form-control" id="dob" title="Date of Birth" style="width: 40%;"></td>
  								<td><input type="text" class="form-control" id="ujoinD" title="Date of Joining" style="width: 40%;"></td>
  							</tr>
  							<tr>
  								<td><input type="text" class="form-control" id="uclg" id="uemail_id" placeholder="College name" ></td>
  							</tr>
  						</table>	
  						
  
  					<button  id="btnaddNewUser" type="submit" class="btn btn-default">Add</button>
					</form>
</div>

				<div id="divTraineeinfo" class="container">
					<table class="table table-hover">
					        <thead>
          						<tr>
            							<th>ID</th>
            							<th>Emp-ID</th>
								<th>Name</th>
								<th>DOB</th>
								<th>Joining Date</th>
								<th>College</th>
	
          						</tr>
        					</thead>
        					<tbody>
        						<tr>
								<td>1</td>
            							<td>721</td>
								<td>Sumedha Raje</td>
								<td>18/10/1991</td>
								<td>22/12/2014</td>
								<td>Nowrosjee Wadia College</td>
							</tr>  	
  	      					</tbody>
      					</table>
				</div>
			
			</div>
		
	</body>
	
</html>
